﻿<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="renderer" content="webkit" />
<title></title>
<link rel="stylesheet" href="/css/pintuer.css" />
<link rel="stylesheet" href="/css/xiamen.css">
<link rel="stylesheet" href="/css/admin.css" />
<script src="/js/jquery.js"></script>
<script src="/js/jquery.form.min.js"></script>
<script src="/js/pintuer.js"></script>
<script src="/js/respond.js"></script>
<script>
	$(document).ready(function() {
		pintuer();
		// $(document).on('click', WoKit.hideDropMenu);
	});
</script>
<link type="image/x-icon" href="/images/exam-logo.png"
	rel="shortcut icon" />
<link href="/images/exam-logo.png" rel="bookmark icon" />
</head>
<body>
	<div class="layout xiamen-top bounce">
		<div class="container">
			<h3 class="float-left">登录</h3>
			<a href="/" class="float-right"><img
				src="/images/xm-logo.png"></a>
		</div>
	</div>

	<!-- main -->
	<div class="layout xiamen-page-main">
		<div class="container">
			<div class="courses">
				<div class="line-big">
					<div class="x6 fadein-left">
						<form method="post" class="form radius-big" action="/login">
							<div class="form-group">
								<div class="label">
									<span class="float-right">请输入您的登录名，也就是您注册用的手机号码</span> <label>登录名</label>
								</div>
								<div class="field">
									<input type="text" class="input" name="username" placeholder="登录账号"
										data-validate="required:必填,length#>=3:账号长度不符合要求" />
								</div>
							</div>

							<div class="form-group">
								<div class="label">
									<span class="float-right">请输入您的密码</span><label>密码</label>
								</div>
								<div class="field">
									<input type="password" class="input" name="password"
										placeholder="登录密码"
										data-validate="required:必填,length#>=3:密码长度不符合要求" />
								</div>
							</div>

							<div class="form-group">
								<div class="label">
									<span class="float-right">请选择您的角色</span><label>角色</label>
								</div>
								<div class="field">
									<div class="button-group radio">
                                        <label class="button" >
                                            <input name="roleId" value="employee" type="radio"><span class="icon icon-user"></span> 职员
                                        </label>
                                        <label class="button" >
                                            <input name="roleId" value="manager" type="radio"><span class="icon icon-user"></span> 管理者
                                        </label>
                                        <label class="button" >
                                            <input name="roleId" value="admin" type="radio"><span class="icon icon-user"></span> 系统管理员
                                        </label>
                                    </div>
								</div>
							</div>

							<div class="form-button">
								<button class="button bg-main text-big" type='submit'>立即登录</button>
								<button class="button bg-sub text-big" type='button' onclick="window.location.href= '/exam/student/register';">学生注册</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- footer -->
	<div th:if="${msg != null}" class="alert alert-green bounce"><span class="close rotate-hover"></span><strong th:text="${msg}"></strong></div>
	<div th:if="${error != null}" class="alert alert-red bounce"><span class="close rotate-hover"></span><strong th:text="${error}"></strong></div>
</body>
</html>